import { memo } from "react";
import "./index.scss"

const PageDisabled = memo(()=>{

    return (
        <>
            <div className="page_disabled">
                <div className="access_denied_container">
                    <h1 className="denied_title">禁止访问</h1>
                    <p className="denied_message">
                        抱歉，您没有权限访问此页面或执行此操作。
                        请确认您已登录正确的帐户或有足够的权限。
                    </p>
                    
                    <div className="permission_list">
                        <h3>可能的原因：</h3>
                        <ul>
                            <li>您当前的用户角色无权访问此内容</li>
                            <li>您的帐户权限设置限制了此操作</li>
                            <li>此功能仅对特定用户组开放</li>
                            <li>内容所有者设置了访问限制</li>
                        </ul>
                    </div>
                    
                    <p className="support_text">
                        需要帮助？请联系 <a href="#">系统管理员</a> 或 <a href="#">技术支持</a>
                    </p>
                </div>
            </div>
        </>
    )
})

export default PageDisabled